<template>
    <div>
        <van-contact-card type="edit" name="张三" tel="13000000000" :editable="false" />
    </div>
    <div>
        <h3>店铺名称</h3>
    </div>
    <van-divider />
    <div>
        <van-card num="3" price="20.10" desc="白色的" title="华为Mate60Pro"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
    </div>
    <van-cell-group>
        <van-cell title="优惠劵" value="无可用优惠券" />
    </van-cell-group>
    <van-cell-group>
        <van-cell title="店铺优惠" value="无" />
    </van-cell-group>
    <van-cell-group>
        <van-cell title="商品金额" value="￥60.3000000000000004" />
    </van-cell-group>
    <van-cell-group>
        <van-cell title="优惠金额" value="0" />
    </van-cell-group>
    <van-cell-group>
        <van-cell title="运费" value="免运费" />
    </van-cell-group>
    <van-cell-group inset>
        <van-field v-model="message" rows="1" autosize label="备注" type="textarea" placeholder="请输入备注" />
    </van-cell-group>
    <van-submit-bar :price="6030" button-text="提交订单" @submit="onSubmit" />
</template>

<script setup>
import { useRouter } from 'vue-router'
const router =useRouter()
const onSubmit = () =>{
    router.push('/login')
}
</script>

<style lang="scss" scoped></style>